<%@ page contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE html>
<html lang="en">
<head>
    <base href="<%=basePath%>">

    <!-- jsp文件头和头部 -->
    <%@ include file="top.jsp" %>
    <link rel="stylesheet" href="static/css/default.css"/>
    <script src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
    <script src="static/js/default.js"></script>

</head>
<body>

<%--<div class="container-fluid" id="main-container">--%>


<div id="page-content" class="clearfix">

    <div class="main-container">

        <!-- 头部 -->
        <div class="header">
            <div class="welcome-box">
                <div id="username"></div>
                ${sessionUser.NAME}，欢迎您！
            </div>
            <div class="button-group">
                <div id="YEbox">当前账户余额：
                    <c:choose>
                        <c:when test="${sessionUser.balance == null || sessionUser.balance == 0}">
                            0
                        </c:when>
                        <c:otherwise>
                            ${sessionUser.balance}
                        </c:otherwise>
                    </c:choose>
                </div>

                <input type="button" id="PayFor" value="充值"/>
            </div>
        </div>

        <!-- 账单信息 -->
        <div class="ZDtable-box">
            <div class="tableTitle">账单信息</div>
            <table class="table table-hover table-striped tableZD" id="tablist">
                <thead>
                <tr>
                    <td>账单名称</td>
                    <td>总金额</td>
                    <td>已付金额</td>
                    <td>支付状态</td>
                    <td>逾期天数</td>
                </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>

    </div>

    <div class="row-fluid">

        <div class="space-6"></div>

    </div>
    <!--/row-->

</div>
<!-- #main-content -->

<a href="#" id="btn-scroll-up" class="btn btn-small btn-inverse"> <i
        class="icon-double-angle-up icon-only"></i>
</a>

<script src="static/js/bootstrap.min.js"></script>

<script type="text/javascript">

    $(top.hangge());

</script>

</body>
</html>
